<template>
    <div class="newsinfo-container">
        
        <!-- 大标题 -->
        <!-- <h3 class="title">{{newsinfo.title}}</h3> -->
        <!-- 子标题 -->
        <!-- <p class="subtitle">
            <span>发表时间:{{newsinfo.add_time | dataFormat}}</span>
            <span>点击：{{newsinfo.click}}次</span>
        </p>
        <hr> -->
        <!-- 内容区域 -->
        <!-- <div class="content" v-html="newsinfo.content"></div> -->






        <!-- 测试数据 -->
        <!-- 大标题 -->
        <h3 class="title">人民大会堂</h3>
        <!-- 子标题 -->
        <p class="subtitle">
            <span>发表时间:2019-12-12 12:12:12</span>
            <span>点击：5次</span>
        </p>
        <hr>
        <!-- 内容区域 -->
        <div class="content">
            酷狗音乐(非官方) - 支持搜索，各种排行榜，歌手专辑信息，下载和获取播放地址。 #非官方
企鹅FM - 支持获取电台分类列表，电台分类下的专辑信息列表，专辑下节目信息列表，电台节目播放链接，搜索关键字相关主播/专辑/节目，主播名下专辑，特定时间段内新增主播/更新的专辑/新增的专辑等。
QQ音乐(非官方) - 支持歌曲榜单，歌曲/歌词地址，歌曲图片。 #非官方
蜻蜓FM - 支持OAuth2.0授权，音频数据中心，分类，点播，直播，临时直播，排行榜，搜索，内容更新状态，主播，此刻，专题，活动等内容。
网易云音乐(非官方) - 支持获取用户歌单，歌单详情，歌曲URL。 #非官方
喜马拉雅FM - 支持Android和iOS平台，并提供相应的SDK和Demo，具体支持内容请下载相关文件查看。
云

阿里云 - 支持弹性计算，数据库，存储与CDN，网络，应用服务，域名与网站等类别的内容，并提供了相关SDK。
百度云 - 支持计算和网络，存储和CDN，数据库，安全和管理，数据分析，智能多媒体服务，物联网服务，人工智能，应用服务，网站服务，数字营销服务等内容，并提供相关的SDK。
Bmob - 支持云数据库，容器服务，消息推送，文件存储，短信验证码，及时通讯，云端逻辑，定时任务，地理位置等。
LeanCloud - 支持云存储，数据分析，用户关系，实时通讯，消息推送，移动统计等。
七牛云 - 支持对象存储，融合CDN，直播云，数据处理等。
腾讯云 - 支持计算，网络，存储与CDN，数据库，安全服务，监控与管理，域名服务，视频服务，大数据与AI等内容，提供相关SDK。
野狗 - 支持实时数据同步，实时视频通话，及时通讯，短信，身份认证等。
语义识别

BosonNLP玻森 - 支持REST API并提供Python SDK。
腾讯文智 - 支持词法类，句法类，篇章类，下载类API，目前平台能识别类别囊括了求职招聘、影视、音乐、健康养生、财经、广告推广、犯罪、政治等90多个类别，且算法支持快速迭代更新已有类别及增加新类别。提供Python SDK。
语音识别

百度语音 - 支持全平台REST API, 离线在线融合模式，深度语义解析，场景识别定制，自定义上传语料、训练模型，基础服务永久免费。提供相应SDK和Demo应用。
搜狗语音云开放平台 - 支持在线/离线语音识别，在线听歌识曲，离线语音合成等内容。提供相应平台SDK。
讯飞开放平台 - 支持语音听写/转写，在线/离线命令词识别，语音唤醒等内容，平台支持广泛，提供相应SDK。
杂志

豆瓣一刻(非官方) - 支持获取指定日期文章列表，栏目总览，推荐作者，作者信息，作者更多文章信息，栏目文章列表及翻页，文章评论及热门评论列表。 #非官方
开眼(非官方) - 支持获取未登录状态下开眼精选、发现、关注信息。 #非官方
One一个(非官方) - 支持获取首页图片，文章，音乐及电影。 #非官方
图虫(非官方) - 支持获取图虫 app 所有信息。 #非官方
一席(非官方) - 支持获取一席主页、演讲、讲者、枝桠等内容 #非官方
知乎日报(非官方) - 支持获取界面启动图像，软件版本查询，最新消息，消息内容获取与离线下载，过往消息，新闻额外消息，新闻对应长/短评论查看，主题日报列表，主题日报内容，热门消息，栏目总览，栏目具体消息，新闻的推荐者，某个专栏之前的新闻，Editor的主页等。 #非官方
知乎专栏(非官方) - 支持获取指定专栏的信息，指定专栏的文章列表，指定的文章内容，评论列表，点赞信息。 #非官方
综合

阿凡达数据 - 支持金融股票，充值认证，便民类，新闻文章，医药交通，科教文艺，创意数据，及时通讯等内容。
阿里大于 - 支持验证码，短信通知，语音通知，流量钱包充值，私密专线，群发助手等内容。
APiX - 支持基础征信数据，信用分析服务，支付缴费接口等数据，部分免费。
百度API STORE - 支持多种类型数据，提供SDK。
HaoService - 支持多种类型数据。
聚合数据 - 支持多种类型数据，部分免费。
通联数据 - 提供金融类数据，支持免费试用。

__EOF__

作　　者：潇十一郎
出　　处：https://www.cnblogs.com/zhangxiaoyong/p/8205024.html
关于博主：编程路上的小学生，热爱技术，喜欢专研。评论和私信会在第一时间回复。或者直接私信我。
版权声明：署名 - 非商业性使用 - 禁止演绎，协议普通文本 | 协议法律文本。
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！

分类: 其他
好文要顶 关注我 收藏该文     潇十一郎
关注 - 40
粉丝 - 190
+加关注
3 0
« 上一篇：C# 给枚举类型增加一个描述特性
» 下一篇：.NET之消息推送（SignalR即时通讯实现）
posted @ 2018-01-05 15:56 潇十一郎 阅读(4490) 评论(1) 编辑 收藏


        </div>




        <!-- 评论子组件 -->
        <comment-box :id="this.id"></comment-box>

    </div>
</template>

<script>

import { Toast } from 'mint-ui'

// 1.导入评论子组件
import comment from '../subcomponents/comment.vue'



export default {
    data(){
        return {
            id:this.$route.params.id, //将URL地址中传递过来的Id值，挂载到data上，方便以后调用
            newsinfo:[]   //新闻对象
        }
    },
    created(){  //方法调用
        this.getNewsInfo()
    },
    methods:{
        getNewsInfo(){ //获取新闻详情
            this.$http.get('api/getnew/' + this.id ).then(result => {
                if(result.body.status ===0 ){
                    this.newsinfo = result.body.message
                }else{
                    Toast('获取新闻失败！')
                }
            } )
        }
    },
    components:{  //注册子组件的节点
        'comment-box':comment

    }
}
</script>

<style lang="scss" >
    .newsinfo-container{
        padding: 0 4px;
        .title{
            font-size:16px;
            text-align: center;
            margin: 15px 0;
            color:red;
        }
        .subtitle{
            font-size: 13px;
            color:#226aff;
            display: flex;
            justify-content: space-between;
        }
        .content{
            font-size:12px;
            color:#aaa;
            img{
                width: 100%;
            }
        }
    }
</style>
